@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; color:#333; font-size:16px; background: #fff; font-family:"Microsoft YaHei", Arial}
a{ color:#424242; text-decoration:none;}
a:hover{ color:#f60; text-decoration:underline;}
ul,li{ list-style:none; margin:0; padding:0;}
input{ border:1px solid #ccc; vertical-align:middle;}
img{ vertical-align:middle; border:none}
.blank{ clear:both;}

/*-------------容器----------------*/
.wrapper{ display:block; width:1260px; margin:0 auto; padding:5px 0px; height:auto; position:relative;}
.content-wrapper{ display:block; height:auto; padding:0; clear:both;}




/*-------------首页----------------*/
.top-dw{ width:100%;height:550px; position:relative; min-width:1260px;}

/*.top-dw{ width:1380px; margin:0 auto; height:550px; position:relative; min-width:1260px;}*/

.logo-dw{display:block; position:absolute;top:0; width:100%; height:100px;}
.logo{  width:1260px; margin:0 auto; padding:10px 0 0 0; height:120px; z-index:2;}
.logo .left{ float:left; width:700px; height:130px;}
.logo .right {
    float: right;
    width: 460px;
    padding: 10px 0;
    color: #ccc;
    display: flex;
}

.search {
    display: inline-block;
    position: relative;
    margin-top: 24px;
    width: 400px;
    height: 50px;
    background: rgba(0, 21, 113, .5);
    border-radius: 30px;
}
.search input {display:inline-block;border:medium none;outline:none;}
.search .txt {padding:0 0 0 20px;width:420px;height:50px; line-height:50px;color:#fff; background:none; border:none; font-size:16px; }
.search .btn { display:block; position:absolute; top:0; right:10px;width:50px;height:50px;background:url(../images/icon-search.png) no-repeat center center;cursor:pointer;}
.search .txt::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff; font-size:16px; opacity:.6}
.search .txt::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff; font-size:16px; opacity:.6}
.search .txt:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff; font-size:16px; opacity:.6}

.toppic-dw{ position:absolute; top:0; left:0; width:100%; height:550px; z-index:-1; overflow:hidden; min-width:1260px;}
.toppic{ width:100%; min-width:1260px; height:550px; z-index:-2; background: no-repeat center}


.nav-main-dw{display:block; position:absolute;top:480px; width:100%; height:70px; background:url(../images/nav-bg.png) no-repeat center top;}
.nav-main{ width:1260px;height:63px;text-align:center; margin:0 auto;}
.nav-main .left{ width:985px; float:left;}
.nav-main .left a{ display:block; float:left; width:115px; height:63px; line-height:63px; color:#fff; font-size:19px; text-align:center;  text-decoration:none}
.nav-main a:hover{ font-size:20px; font-weight:500; transition:all ease .5s}
.nav-main .right{ width:270px; float:left;}
.nav-main .right a{ display:block; float:left;  height:63px; line-height:63px; color:#fff; font-size:16px; text-align:center;  text-decoration:none}
.nav-main .right a.link1{ background:url(../images/icon_ywxx.png) no-repeat left center; background-size: auto 22%;width:130px; text-indent:20px;}
.nav-main .right a.link2{ background:url(../images/icon_szf.png) no-repeat left center; background-size:auto  22%;width:125px; text-indent:20px;}
.nav-main .right a.link1:hover{ color:#fcff00; transition:all ease .5s; background:url(../images/icon_ywxxc.png) no-repeat left center;}
.nav-main .right a.link2:hover{ color:#fcff00; transition:all ease .5s; background:url(../images/icon_szfc.png) no-repeat left center;}

.top-notice{ height:134px; display:table; clear:both; width:100%;}
.top-notice .dw{ display:table-cell; height:134px; vertical-align:middle; line-height:36px; background: url(../images/top-pictt.png) no-repeat left center; padding-left:200px; }
.top-notice .dw a{font-size:30px; color:#fff; text-decoration:none}
.top-notice .dw a:hover{color:#fcff00;  font-weight:500;}

/*首页新闻start*/

.news-pic{ float:left; width:620px; height:420px; margin:25px 0 0 0}
.top-news{  float:right; width:600px;height:420px; margin:25px 0}
.top-news ul.top-n{ clear:both; height:95px; padding:8px 0 0 0; border-bottom:1px dotted #ccc; }
.top-news ul.top-n li.t a{ display:block; font-size:18px; color:#df150d; text-align:center; height:30px; line-height:30px;; }
.top-news ul.top-n li.zy{ display:block; height:50px; line-height:22px; padding:5px 0; color:#a5a5a5; font-size:14px;}
.top-news ul.list-l{ display:block; margin-top:15px;}
.top-news ul.list-l li,.top-news ul.list-r li{ height:40px; line-height:40px; background:url(../images/dot_list.gif) no-repeat left center; text-indent:20px;}
.top-news ul.list-l li a,.top-news ul.list-r li a{ float:left;}
.top-news ul.list-l li span,.top-news ul.list-r li span{ float:right;font-size:14px; color:#ccc}
.top-news ul.tab {height:45px; line-height:45px; margin:0; padding:0;font-size:20px; border-bottom:1px solid #ddd; background:#f5f5f5;}
.top-news ul.tab li.tab1{height:43px; line-height:43px;  display:block; float:left; border-top:3px solid #0e56b9; border-left:1px solid #ddd; border-right:1px solid #ddd; width:135px; background:#fff; text-align:center; color:#000}
.top-news ul.tab li.tab2{height:43px; line-height:43px;  display:block; float:left; border-top:3px solid #df150d; border-left:1px solid #ddd; border-right:1px solid #ddd; width:135px; background:#fff; text-align:center; color:#000}
.top-news ul.tab li.tab1_1{ display:block; float:left; width:135px; cursor:pointer; text-align:center; color:#999; font-size:18px; }
.top-news ul.tab li.tab2_1{ display:block; float:left; width:135px; cursor:pointer; text-align:center; color:#7f7f7f; font-size:18px; }
.top-news ul.tab li.tab1 a{ color:#0e56b9; font-weight:500 }
.top-news ul.tab li.tab1 a:hover{ text-decoration:none; transition:all ease .5s }
.top-news ul.tab li.tab2 a{ color:#000 }
.top-news ul.tab li.tab2 a:hover{ text-decoration:none }
.top-news ul.tab li.more{ float:right;}
.top-news ul.tab li.more a{ border:0; font-size:14px; border-radius:3px; padding:3px 8px; background:#4b89dc; color:#fff; text-decoration:none}
.top-news .l_show{  border-top:none; padding:10px 0px; height:350px;}



.IndexService{background:#f6f6f6; width:100%; min-width:1260px;}
.IndexService .IndexService_content{width:1230px;margin:0 auto;padding:45px 0px;}
.IndexService .IndexService_title{ text-align:center; padding-bottom:10px}
.service{ padding:40px 0 40px 0; display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.service div{ height:220px; position:relative;}
.service a{ display:block; width:110px; height:110px;  }
.service a span{ display:block; position:absolute; width:100%; top:135px; text-align:center;  font-size:18px; letter-spacing:0px; font-weight:400; text-align:center; transition:all ease-in .3s  }

.service a:hover span{ color:#0e56b9;font-weight:600; }
.service a.link1{background:url(../images/service_l1.png) no-repeat top; background-size:100%; cursor:pointer; transition:all ease-in .3s }
.service a.link1:hover{background-size:100%;  background:url(../images/service_l1.png) no-repeat center -110px}
.service a.link2{background:url(../images/service_l2.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
.service a.link2:hover{background-size:100%;  background:url(../images/service_l2.png) no-repeat center -110px}
.service a.link3{background:url(../images/service_l3.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
.service a.link3:hover{background-size:100%;  background:url(../images/service_l3.png) no-repeat center -110px}
.service a.link4{background:url(../images/service_l4.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
.service a.link4:hover{background-size:100%;  background:url(../images/service_l4.png) no-repeat center -110px}
.service a.link5{background:url(../images/service_l5.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
.service a.link5:hover{background-size:100%;  background:url(../images/service_l5.png) no-repeat center -110px}
.service a.link6{background:url(../images/service_l6.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
.service a.link6:hover{background-size:100%;  background:url(../images/service_l6.png) no-repeat center -110px}
.service a.link7{background:url(../images/service_l7.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
.service a.link7:hover{background-size:100%;  background:url(../images/service_l7.png) no-repeat center -110px}
.service a.link8{background:url(../images/service_l8.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
.service a.link8:hover{background-size:100%;  background:url(../images/service_l8.png) no-repeat center -110px}
.service a.link9{background:url(../images/service_19.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
.service a.link9:hover{background-size:100%;  background:url(../images/service_19.png) no-repeat center -110px}

.service-sm{ padding:20px 0 10px 0; display:flex;flex-wrap: wrap;}
.service-sm div{  display:table; margin:10px 7px;}
.service-sm a{ display:block; display:table-cell; vertical-align:middle; height:75px; line-height:75px; width:190px;text-align:center;background:#fff; border-radius:5px; padding:0;font-size:18px; }
.service-sm a:hover{height:72px; line-height:72px;  border-bottom:3px solid #3A95CF; transition:all ease .3s; text-decoration:none; background:#EBF6FF; color:#0e56b9; font-size:20px; font-weight:bold;}
.service-sm a img{ margin-right:20px;}

/*滚动广告start*/
.scroll_div {width:1260px; height:130px;margin:30px auto 40px auto; overflow: hidden; white-space: nowrap; padding:10px 0}
.scroll_div img {width:260px;height:123px;border: 0;margin: auto 8px; border:3px solid #fff; box-shadow:0 0 6px #ccc }
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}/* 设置ul和li横排 */

/*政务新媒体start*/
.IndexMedia{width:100%; min-width:1260px; background:url(../images/bottom-bg.jpg) center bottom no-repeat}
.IndexMedia .IndexMedia_content{width:1100px;margin:0 auto;padding:25px 0px;}
.IndexMedia .IndexMedia_title{ text-align:center; padding-bottom:10px}
.IndexMedia .ewm{ padding:40px 0 40px 0; display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.IndexMedia .ewm div{ width:218px; height:218px; box-shadow:0 0 10px #ccc}



.footer{ margin-top:40px; width:100%; min-width:1260px; height:260px; padding:0;font-size:16px; background: rgba(14,14,14,.7) }
.footer a{color:#fff}
.footer a:hover{color:#3fb7ff;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.footer .bottom-con{ display:block; margin:0 auto; width:1200px;}
.footer .bottom-con ul.left{ float:left; width:270px;background: rgba(14,14,14,.5);height:220px; padding-top:40px; text-align:center}
.footer .bottom-con ul.right{ float:left; width:800px; padding:15px 40px 20px 40px; display:block; }
.footer .bottom-con ul.right li.link{ display:block; padding:25px 0; }
.footer .bottom-con ul.right li.link span{ padding-right:20px; color:#fff;}
.footer .bottom-con ul.right li.link a{ color:#fff}
.footer .bottom-con ul.right li.sm{height:30px; line-height:50px; color:#aeaeae; font-size:16px;}


@media(max-width:1050px) {

    body { margin:0; padding:0; color:#333; font-size:16px; background:#fff; font-family:"Microsoft YaHei", Arial}

    .blank{ clear:both;}

    /*-------------容器----------------*/
    .wrapper{ display:block; width:100%; margin:0 auto; padding:5px 0; height:auto; }
    .content-wrapper{ display:block; height:auto; padding:0; clear:both;}




    /*-------------首页----------------*/
    .top-dw{ width:100%;height:130px; position:relative; min-width:100%;}

    .logo-dw{display:block; position:relative;width:100%; height:80px;}
    .logo{  width:100%; margin:0 auto; padding:0px 0 0 0; height:120px; z-index:2;}
    .logo .left{ width:95%; height:80px; float:none; clear:both;}
    .logo .left img{ max-height:80px; max-width:90%;}
    .logo .right{ float:none; width:100%; padding:10px 0; color:#ccc; padding:0 0%;clear:both; height:80px }


    .search {display:inline-block; position:relative;margin-top:4px;width:94%;height:50px; background:rgba(0,21,113,.1); border-radius:30px; margin:0 3%}
    .search input {display:inline-block;border:medium none;outline:none;}
    .search .txt {padding:0 0 0 20px;width:80%;height:50px; line-height:50px;color:#3B467A; background:none; border:none; font-size:14px; }
    .search .btn { display:block; position:absolute; top:0; right:5px;width:50px;height:50px;background:url(../images/icon-search1.png) no-repeat center center;cursor:pointer; background-size:45%}
    .search .txt::-webkit-input-placeholder { /* WebKit browsers */
        color: #3B467A; font-size:16px; opacity:.6}
    .search .txt::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #3B467A; font-size:16px; opacity:.6}
    .search .txt:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #3B467A; font-size:16px; opacity:.6}

    .toppic-dw{ display:none; position:absolute; top:0; left:0; width:100%; height:0px; z-index:-1; overflow:hidden; min-width:100%;}
    .toppic{ display:none;  width:100%; min-width:100%; height:0px; z-index:-2; background:url(../images/top_pic1.jpg) no-repeat center}

    /*
    .nav-main-dw{display:block; position: relative;width:100%; background:linear-gradient(160deg,#5673df,#0836aa); top:65px; height:90px; padding:7px 0 0 0}
    .nav-main{ width:100%;height:50px;text-align:center; margin:0 auto;}
    .nav-main .left{ width:100%; display:flex; flex-wrap:wrap;}
    .nav-main .left a{ display:block; float: none; width:25%; height:40px; line-height:40px; color:#fff; font-size:17px; text-align:center;  text-decoration:none}
    .nav-main a:hover{ font-size:16px; font-weight:500; transition:all ease .5s}
    .nav-main .right{ display:none; width:310px; float:left; height:0}
    .nav-main .right a{ display:block; float:left;  height:63px; line-height:63px; color:#fff; font-size:20px; text-align:center;  text-decoration:none}
    .nav-main .right a.link1{ background:url(../images/icon_ywxx.png) no-repeat left center;width:160px; text-indent:20px;}
    .nav-main .right a.link2{ background:url(../images/icon_szf.png) no-repeat left center;width:145px; text-indent:20px;}
    .nav-main .right a.link1:hover{ color:#fcff00; transition:all ease .5s; background:url(../images/icon_ywxxc.png) no-repeat left center;}
    .nav-main .right a.link2:hover{ color:#fcff00; transition:all ease .5s; background:url(../images/icon_szfc.png) no-repeat left center;}

    .top-notice{ display:none; height:0px; display:table; clear:both; width:100%;}
    .top-notice .dw{  display:none; height:0px; vertical-align:middle; line-height:36px; }
    .top-notice .dw a{font-size:16px; color:#fff; text-decoration:none}
    .top-notice .dw a:hover{color:#fcff00;  font-weight:500;}

    /*首页新闻start*/

    .news-pic{ display:block; float:none; width:100%; height:auto; margin:15px 0 0 0}
    .news-pic img{width:100%;}
    .news-picm{ display:block; float:none; width:100%; height:auto; margin:15px 0 0 0}
    .news-picm img{width:100%;}
    .top-news{  float:none; width:100%;height:380px; margin:15px auto 0 auto}
    .top-news ul.top-n{ clear:both; height:85px; padding:4px 0px 0 0px; border-bottom:1px dotted #ccc; }
    .top-news ul.top-n li.t a{ display:block; font-size:16px; color:#df150d; text-align:center; height:30px; line-height:30px; width:100%; overflow:hidden }
    .top-news ul.top-n li.zy{ display:block; height:35px; line-height:20px; padding:5px 0; color:#a5a5a5; font-size:13px; overflow:hidden}
    .top-news ul.list-l{ display:block; margin-top:5px;}
    .top-news ul.list-l li,.top-news ul.list-r li{ height:40px; line-height:40px; background:none; text-indent:0px;}
    .top-news ul.list-l li a,.top-news ul.list-r li a{ float:left; width:80%; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
    .top-news ul.list-l li span,.top-news ul.list-r li span{ float:right;font-size:12px; color:#ccc}
    .top-news ul.tab {height:45px; line-height:45px; margin:0; padding:0;font-size:16px; border-bottom:none; background:#f5f5f5;}
    .top-news ul.tab li.tab1{height:43px; line-height:43px;  display:block; float:left; border-top:3px solid #0e56b9; border-left:none; border-right:none; width:22%; background:#fff; text-align:center; color:#000}
    .top-news ul.tab li.tab2{height:43px; line-height:43px;  display:block; float:left; border-top:3px solid #df150d; border-left:1px solid #ddd; border-right:1px solid #ddd; width:22%; background:#fff; text-align:center; color:#000}
    .top-news ul.tab li.tab1_1{ display:block; float:left; width:22%; cursor:pointer; text-align:center; color:#999; font-size:16px; }
    .top-news ul.tab li.tab2_1{ display:block; float:left; width:22%; cursor:pointer; text-align:center; color:#7f7f7f; font-size:16px; }
    .top-news ul.tab li.tab1 a{ color:#0e56b9; font-weight:500 }
    .top-news ul.tab li.tab1 a:hover{ text-decoration:none; transition:all ease .5s }
    .top-news ul.tab li.tab2 a{ color:#000 }
    .top-news ul.tab li.tab2 a:hover{ text-decoration:none }
    .top-news ul.tab li.more{ float:right;}
    .top-news ul.tab li.more a{ border:0; font-size:12px; border-radius:3px; padding:3px 8px; background:none; color:#666; text-decoration:none}
    .top-news .l_show{  border-top:none; padding:10px 12px; height:350px;}



    .IndexService{background:#f6f6f6; width:100%; min-width:100%;}
    .IndexService .IndexService_content{width:94%;margin:0 auto;padding:25px 3% 15px 3%;}
    .IndexService .IndexService_title{ width:94%;margin:0 auto;text-align:center; padding-bottom:10px}
    .IndexService .IndexService_title img{ width:100%; height:auto;}
    .service{ padding:10px 0 10px 0; display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
    .service div{ height:140px; position:relative; width:33%; margin:0; text-align:center}
    .service a{ display:block; width:80px; height:80px; margin:0 auto;  }
    .service a span{ display:block; position: absolute; width:100%; top: 85px;  left:0;text-align:center;  font-size:15px; letter-spacing:0px; font-weight:400; transition:all ease-in .1s  }

    .service a:hover span{ color:#0e56b9;font-weight:600; font-size:15px;}
    .service a.link1{background:url(../images/service_l1.png) no-repeat top; background-size:100%; cursor:pointer; transition:all ease-in .3s }
    .service a.link1:hover{ background:url(../images/service_l1.png) no-repeat center -80px;background-size:100%; }
    .service a.link2{background:url(../images/service_l2.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
    .service a.link2:hover{ background:url(../images/service_l2.png) no-repeat center -80px;background-size:100%; }
    .service a.link3{background:url(../images/service_l3.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
    .service a.link3:hover{ background:url(../images/service_l3.png) no-repeat center -80px;background-size:100%; }
    .service a.link4{background:url(../images/service_l4.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
    .service a.link4:hover{ background:url(../images/service_l4.png) no-repeat center -80px;background-size:100%; }
    .service a.link5{background:url(../images/service_l5.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
    .service a.link5:hover{ background:url(../images/service_l5.png) no-repeat center -80px;background-size:100%; }
    .service a.link6{background:url(../images/service_l6.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
    .service a.link6:hover{ background:url(../images/service_l6.png) no-repeat center -80px;background-size:100%; }

    .service a.link7{background:url(../images/service_l7.png) no-repeat top; background-size:100%;  cursor:pointer; transition:all ease-in .3s }
    .service a.link7:hover{ background:url(../images/service_l7.png) no-repeat center -80px;background-size:100%; }

    .service-sm{ padding:0px 0 10px 0; display:flex;flex-wrap: wrap;}
    .service-sm div{  display:block; margin:5px 1.5%; width:47%;}
    .service-sm a{ display:block;  vertical-align:middle; height:55px; line-height:55px;text-align:center;background:#fff; border-radius:5px; padding:0;font-size:16px; width:100%; }
    .service-sm a:hover{height:55px; line-height:55px;  border-bottom:3px solid #3A95CF; transition:all ease .1s; text-decoration:none; background:#EBF6FF; color:#0e56b9; font-size:15px; font-weight:bold;}
    .service-sm a img{ margin-right:15px; max-width:15%; max-height:90%; height:auto}

    /*滚动广告start*/
    .scroll_div { display:none;width:100%; height:130px;margin:30px auto 40px auto; overflow: hidden; white-space: nowrap; padding:10px 0}
    .scroll_div img {width:260px;height:123px;border: 0;margin: auto 8px; border:3px solid #fff; box-shadow:0 0 6px #ccc }
    #scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}/* 设置ul和li横排 */

    /*政务新媒体start*/
    .IndexMedia{width:100%; min-width:94%; background:url(../images/bottom-bg.jpg) center top;  padding:0;}
    .IndexMedia .IndexMedia_content{width:86%;margin:0 auto;padding:15px 7%;}
    .IndexMedia .IndexMedia_title{ text-align:center; padding:0px 0 10px 0}
    .IndexMedia .IndexMedia_title img{ width:100%; height:auto;}
    .IndexMedia .ewm{ padding:20px 0 40px 0; display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
    .IndexMedia .ewm div{ width:46%; height:auto; box-shadow:0 0 10px #ccc; margin:6px 2%;}
    .IndexMedia .ewm div img{ width:100%; height:auto}



    .mobile-footer{ margin-top:10px; width:100%; min-width:100%; height:auto; padding:0;font-size:16px; background: rgba(14,14,14,.7) }
    .mobile-footer a{color:#fff}
    .mobile-footer a:hover{color:#3fb7ff;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
    .mobile-footer .mobile-bottom-con{ display:block; margin:0 auto; width:100%;}
    .mobile-footer .mobile-bottom-con ul{ float:none; width:100%; padding:15px 0px 20px 0px; display:block; text-align:center; font-size:14px; }
    .mobile-footer .mobile-bottom-con ul li{ display:block; clear:both;height:auto; line-height:24px; color:#aeaeae; font-size:13px;}


}

@media(min-width:1050px) {
    .mobile-menu{ display:none;}
    .mobile-footer{ display:none}
    .mobile-pic{ display:none}

}
@media(max-width:1050px) {
    .nav-main-dw{ display:none;}
    .nav-main{ display:none;}
    .footer{ display:none}
    .pc-pic{display:none}

}
body, html {
    /* prevent horizontal scrolling */
    overflow-x: hidden;
}

.header h1{font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
.header h1 span,.header p{color: #202a38;}
.icon{color: #de5350;}
/* --------------------------------

Main Components

-------------------------------- */

.navigation-is-open main {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.cd-nav-trigger {
    position: fixed;
    z-index: 99999;
    right: 1%;
    top: 100px;
    height: 48px;
    width: 48px;
    background-color: #446bb9;
    border-radius: 50%;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon {
    /* icon created in CSS */
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 22px;
    height: 2px;
    background-color: #ffffff;
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
    /* upper and lower lines of the menu icon */
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
    -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
    transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
    top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
    top: -2px;
}
.cd-nav-trigger svg {
    position: absolute;
    top: 0;
    left: 0;
}
.cd-nav-trigger circle {
    /* circle border animation */
    -webkit-transition: stroke-dashoffset 0.4s 0s;
    -moz-transition: stroke-dashoffset 0.4s 0s;
    transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
    /* rotate trigger when navigation becomes visible */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    /* animate arrow --> from hamburger to arrow */
    width: 50%;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s;
    -moz-transition: -moz-transform 0.5s, width 0.5s;
    transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
    top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.4s 0.3s;
    -moz-transition: stroke-dashoffset 0.4s 0.3s;
    transition: stroke-dashoffset 0.4s 0.3s;
}

.cd-nav {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(10,36,87,.95);
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
}
.cd-nav .cd-navigation-wrapper {
    /* all navigation content */
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 40px 5% 40px calc(5% + 80px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.cd-nav h2 {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
}
.cd-nav h2::after {
    /* bottom separation line */
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 1px;
    width: 60px;
    background-color: currentColor;
}
.cd-nav .cd-primary-nav li{
    padding:13px 0; margin:1px 0; text-indent:12px; background:url(../images/arrow_001.gif) no-repeat left center;}
.cd-nav .cd-primary-nav a {
    font-family: "Merriweather", serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    display: inline-block;
}
.cd-nav .cd-primary-nav a.selected {
    color: #ffffff;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
    color: #ffffff;
}


.cd-nav .cd-navigation-wrapper {
    padding: 32px 20%;
}
.cd-nav .cd-navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
}


.cd-nav h2 {
    font-size: 1.5rem;
    margin-bottom: 2.4em;
    color:#fff
}

/*20220321新增服务大厅start*/

.ind-fwdt{ background:#F4F4F4; margin:10px 0 0 0}
.ind-fwdt-map{ width:570px; height:400px; float:left;}
.ind-fwdt-infor{ width:650px; padding:25px 15px 0 15px;float:right;}
.ind-fwdt-infor ul.left{ width:460px; height:190px; float:left}
.ind-fwdt-infor ul.left li{ width:50%; float:left; line-height: 24px;}
.ind-fwdt-infor strong{ display:block; font-size:18px; color:#1A1A1A; padding:0 0 5px 0; margin:0;}
.ind-fwdt-infor strong.tel{font-size:26px; color:#C70000; padding:5px 0 0 0 ;  }
.ind-fwdt-infor ul.right{ width:168px; height:168px;float:right;}
.ind-fwdt-infor ul.ck{ width:100%; clear:both;}
.ind-fwdt-infor ul.ck li{ float:left; width:30%; margin:0 4% 0 0; text-align:center;}
.ind-fwdt-infor ul.ck li:nth-child(4){ margin-right:0}

@media(max-width:1050px) {
    /*.top-esd{width:100%; margin:0 auto; padding:15px 0; background:url(../images/bg-esd.jpg); background-size:100% auto ; text-align:center;}*/
    /*.top-esd img{ width:90%; height:auto;}*/
    .ind-fwdt{ font-size:16px; background:#fff; margin:10px 0 0 0}
    .ind-fwdt-img{}
    .ind-fwdt-img img{ width:100%; height:auto;}
    .ind-fwdt-map{ width:100%; height:400px; float:none;}
    .ind-fwdt-infor{position:relative;  width:96%; padding:10px 3%;float:none;}
    .ind-fwdt-infor ul.left{ width:100%; height:auto; float:none}
    .ind-fwdt-infor ul.left li{ width:100%; float:none; line-height: 20px; padding:5px 0}
    .ind-fwdt-infor strong{ display:block; font-size:16px; color:#1A1A1A; padding:0 0 0px 0; margin:0;}
    .ind-fwdt-infor strong.tel{font-size:18px; color:#C70000; padding:5px 0 0 0 ;  }
    .ind-fwdt-infor ul.right{ display:block; position:absolute; top:10px; right:20px; width:130px; height:130px;float:right;}
    .ind-fwdt-infor ul.right img{width:130px; height:130px;}
    .ind-fwdt-infor ul.ck{ width:100%; clear:both; padding:10px 0 0 0 ;}
    .ind-fwdt-infor ul.ck li{ font-size:14px;float:left; width:30%; margin:10px 4% 0 0; text-align:center;}
    .ind-fwdt-infor ul.ck li:nth-child(4){ margin-right:0}
    .ind-fwdt-infor ul.ck li img{ width:100%; height:auto;}

}


/*----23年6月7日新增举报信息----*/

.jubao{ width:1200px; margin:0 auto;}
.jubao-pic{ display:flex; height:70px; padding:50px 0 0  0}
.jubao-pic img{ height:70px}
.jubao-wz{ text-align:center; height:50px; padding:20px 0 0 0; line-height:24px }

@media(max-width:1050px) {
	.jubao{ width:100%;}
	.jubao-pic{ display:block; height:auto;padding:0px 0 0  0}
	.jubao-pic img{ width:100%; height:auto}
	.jubao-wz{ text-align:center; height:auto;  padding:10px 0 0 0;  font-size:14px; line-height:20px }
}

/*----25年7月1日新增无障碍----*/
.wuzhangai {
    width: 110px;
    margin: 0 0 0 10px;
    padding-top: 10px;
}

.wuzhangai a {
    display: block;
    margin-top: 24px;
    width: 100px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 21, 113, .5);
    border-radius: 30px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    transition: all ease 0.3s;
}
.wuzhangai a i{
    margin-right: 3px;
}

.wuzhangai a:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #0e56b9;
    text-decoration: none;
}